<template lang="html">
	<div>
		<ul>
			<li v-for="(item, index) in list" :key="index">
				<h3>{{ item.question }}</h3>
				<p>{{ item.answer }}</p>
			</li>
		</ul>
	</div>
</template>

<script>
import { getQA } from '@/api/user'
export default {
	data(){
		return {
			list: []
		}
	},
	created() {
		this.getData()
	},
	methods:{
		getData(){
			getQA().then(res=> {
				this.list = res.data
			})
		},
	}
}
</script>

<style lang="less" scoped>
	ul{
		padding: 0 .2rem;
	}
	li{
		padding: .1rem 0;
		border-bottom: 1px solid #e8e8e8;
		text-align: left;
	}
	h3{
		font-size: .16rem;
		color: #333;
	}
	p{
		text-align: justify;
		font-size: .13rem;
		color: #666;
		margin-top: .12rem;
	}
</style>
